<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">

<aside th:fragment="asideFragment" id="sidebar" class="sidebar">
  <ul class="sidebar-nav" id="sidebar-nav">
    <li class="nav-item">
      <a class="nav-link " href="index.html">
        <i class="bi bi-grid"></i>
        <span>Dashboard</span>
      </a>
    </li>

    <li class="nav-item" th:each="sysMenu:${sysMenuList}">
      <a class="nav-link collapsed" th:attr="data-bs-target=${sysMenu.targetAttr}"
         data-bs-toggle="collapse" href="#">
        <i class="bi bi-menu-button-wide"></i>
        <span th:text="${sysMenu.name}"></span>
        <i class="bi bi-chevron-down ms-auto" th:if="${sysMenu.childList} != null"></i>
      </a>
      <ul th:id="${sysMenu.code}" class="nav-content collapse " data-bs-parent="#sidebar-nav">
        <li th:each="child:${sysMenu.childList}">
          <a href="components-alerts.html">
            <i class="bi bi-circle"></i><span th:text="${child.name}"></span>
          </a>
        </li>
      </ul>
    </li>
  </ul>
</aside>
</html>
